<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="signupForm">
                        <input id="id" name="id" th:value="${info.id}"
                               class="form-control" type="hidden">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">用户id：</label>
                            <div class="col-sm-8 paddingTop7" >
                                <p th:text="${info.id}"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">赛事：</label>
                            <div class="col-sm-8 paddingTop7" >
                                <p th:text="${info.name}"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">日期：</label>
                            <div class="col-sm-8 paddingTop7" >
                                <p th:text="${#dates.format(info.eventsTime, 'yyyy-MM-dd HH:mm:ss')}"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">主队：</label>
                            <div class="col-sm-8 paddingTop7" >
                                <p th:text="${info.homeTeam}"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">主队图片：</label>
                            <div class="col-sm-8">
                                <img id="imgUrl1" th:src="${info.homeTeamImg}"  onerror="this.src='/img/empty.jpg'"  width="80" height="80"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">客队：</label>
                            <div class="col-sm-8 paddingTop7" >
                                <p th:text="${info.visitingTeam}"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">客队图片：</label>
                            <div class="col-sm-8">
                                <img id="imgUrl2" th:src="${info.visitingTeamImg}"  onerror="this.src='/img/empty.jpg'"  width="80" height="80"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">推荐选项：</label>
                            <div class="col-sm-8 paddingTop7" >
                                <p th:text="${info.recommend}"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label ">预测盈利：</label>
                            <div class="col-sm-8 paddingTop7" >
                                <p th:text="${info.forecast}"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label ">赛事类型：</label>
                            <div class="col-sm-8 paddingTop7" >
                                <p th:text="${info.eventsType == 1 ? '足球':'篮球'}"></p>
                            </div>
                        </div>
                        <div class="form-group" id="recommendReasonD" style="display: none">
                            <label class="col-sm-3 control-label ">推荐理由：</label>
                            <div class="col-sm-8 paddingTop7">
                                <p th:text="${info.recommendReason}"></p>

                            </div>
                        </div>
                        <div class="form-group" id="priceD"  style="display: none">
                            <label class="col-sm-3 control-label ">查看费用：</label>
                            <div class="col-sm-8 paddingTop7">
                                <p th:text="${info.price}"></p>

                            </div>
                        </div>

                        <div class="form-group" id="selectCustomType" style="display: none">
                            <label class="col-sm-3 control-label ">类型：</label>
                            <div class="col-sm-8 paddingTop7">
                                <p th:text="${info.customTypeStr}"></p>
                            </div>
                        </div>
<!--                        <div class="form-group">-->
<!--                            <div class="col-sm-8 col-sm-offset-3">-->
<!--                                <button type="submit" class="btn btn-primary"></button>-->
<!--                            </div>-->
<!--                        </div>-->
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<!--<script type="text/javascript" src="/js/appjs/common/dict/edit.js"></script>-->
<script th:inline="javascript">
    var eventType=[[${type}]]
    console.log(eventType);
    if (eventType==2){
        $("#recommendReasonD").show();
        $("#priceD").show();
    }
    if (eventType==3){
        $("#selectCustomType").show();
        $("#selectType").hide();
        // $("#priceD").show();
    }
</script>

</body>
</html>
